<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PlasmaWeb</title>
<link href='css/style.css' rel='stylesheet' type='text/css' />
<link href='css/skin.css' rel='stylesheet' type='text/css' />
<link href="css/jquery.qtip.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen" /><![endif]-->
<script type='text/javascript' src='js/jquery-1.4.3.min.js'></script>
<script type='text/javascript' src='js/jquery.tools.min.js'></script>
<script type='text/javascript' src='js/jquery.jcarousel.js'></script>
<script type='text/javascript' src='js/cufon-yui.js'></script>
<script type='text/javascript' src='css/VistaSan_500-VistaSan_700.font.js'></script>

<script type='text/javascript' src='js/jquery.qtip.pack.js'></script>
<script type='text/javascript'>
	Cufon.replace('#menuh');
	Cufon.replace('.cuadro_d font');
	Cufon.replace('.titulo font');
</script>
</head>

<body> 
<div id="principal">
	<div id="top">
    	<div class="info">
        	<div class="info_der">Avenida 1-H No.133 local 6 x 12 y 14 C.P. 97128 Col. Fraccionamiento M&eacute;xico Norte, M&eacute;rida, Yucat&aacute;n.</div>
            <div class="info_izq"> mercadotecnia@grupoplasma.com.mx | (999)948-30-16</div>
        </div>
        <div id="cont_menu">
            <div class="logo"><img id="imgLogo" src="imagenes/logo.png" /></div>
            <div id="menuh">
            	<ul id="men" class="group">
                    <li><a href="index.php" alt="home">INICIO</a></li>
                    <li><a href="galeria.php" alt="portafolio">GALERIA</a></li>
                    <li><a href="promocionales.php" alt="promocionales">PROMOCIONALES</a></li>
                    <li class="current_page_item"><a href="#" alt="servicios">SERVICIOS</a></li>
                    <li><a href="contacto.php" alt="contacto">CONTACTO</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="contenido_resto servicios">
    	<div class="cuadro_d">
        	<div style="margin:20px;">
        		<font>&lt; Servicios</font><br /><br />
        		Somos un grupo de trabajo multidisciplinario dispuesto a satisfacer todas tus necesidades de comunicacion visual.<br /><br />
            	Logotipos, flyers, anuncios, lonas, web, todo sale de las cabezas pensantes de nuestros especialistas en esta area creativa.<br /><br />
            	En Plasma Promotional Design hacemos siempre nuestro mayor esfuerzo por darle a su empresa una proyeccion profesional y de la mas alta calidad.
            </div>
            <div class="tabs">
                <ul>
                    <li><a href="#dis">Dise&ntilde;o gr&aacute;fico</a></li>
                    <li><a href="#pro">Art&iacute;culos promocionales</a></li>
                    <li><a href="#grab">Grabado y corte l&aacute;ser </a></li>
	            <li><a href="#sand">Sand Blast </a></li>
                    <li><a href="#sub">Sublimaci&oacute;n</a></li>
                    <li><a href="#imp">Impresi&oacute;n l&aacute;ser digital doble carta </a></li>
                    <li><a href="#pin">Pines y Gafetes  </a></li>
                    <li><a href="#iman">Imanes  </a></li>
                    <li><a href="#vin">Corte de vinil  </a></li>
                    <li><a href="#lon">Impresi&oacute;n en GRAN FORMATO    </a></li>
                    <li><a href="#cred">Credenciales   </a></li>
                    <li><a href="#sen">Se&ntilde;alizaci&oacute;n   </a></li>
	            </ul>
            </div>
        </div>
        <div class="cuadro_i">
            <div class="contenido_tabs">
                <div class="items" >

                    <!-- DISEÑO -->
                    <div class="item_solo dis">
                        <div class="titulo"><font>&lt; DISE&Ntilde;O GR&Aacute;FICO </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <b><font>Desarrollo de imagen corporativa, sitios WEB, creación de logos o cualquier diseño que se requiera</font></b>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>
                    
                    <!-- ARTICULOS PROMOCIONALES -->
                    <div class="item_solo pro">
                        <div class="titulo"><font>&lt; ART&Iacute;CULOS PROMOCIONALES </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <b><font>Venta de art&iacute;culos promocionales mayoreo y menudeo</font></b>
                            </div>
                        </div>
                        <div >
                        </div>
                    </div>

                    <!-- GRABADO LASER -->
                    <div class="item_solo grab">
                        <div class="titulo"><font>&lt; GRABADO Y CORTE L&Aacute;SER </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <b><font>Ya sea en art&iacute;culos promocionales o cualquier material que se pueda cortar o grabar como es madera, MDF, metal, 
                                acr&iacute;lico, etc.), incluyendo aqu&iacute; cualquier tipo de <b>SUAJE</b> personalizado, corte de <b>PIEZAS PARA MAQUETAS.</b></font>
                            </div>
                        </div>
                        <div>
                        </div>
                    </div>
                    
                    <!-- Sand Blast -->
                    <div class="item_solo sand">
                        <div class="titulo"><font>&lt; SAND BLAST </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Marcaje por medio de un chorro de arena sobre superficie met&aacute;lica o cer&aacute;mica, piedra, etc.</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>
                    
                    <!-- Sublimacion -->
                    <div class="item_solo sub">
                        <div class="titulo"><font>&lt; SUBLIMACI&Oacute;N </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Impresión sobre superficie de cer&aacute;mica a color</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>
                    
                    <!-- Impresion laser digital -->
                    <div class="item_solo imp">
                        <div class="titulo"><font>&lt; IMPRESI&Oacute;N L&Aacute;SER DIGITAL DOBLE CARTA  </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Tambi&eacute;n incluye impresi&oacute;n sobre papel auto adherible para etiquetas, etc.</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>
                                        
                    <!-- Pines y Gafetes -->
                    <div class="item_solo pin">
                        <div class="titulo"><font>&lt; PINES Y GAFETES  </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Lamicoid con acabado gota de resina</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>

                    <!-- Imanes -->
                    <div class="item_solo iman">
                        <div class="titulo"><font>&lt; IMANES  </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Elaboración de imanes publicitarios</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>
                    
                    <!-- Corte de vinil -->
                    <div class="item_solo vin">
                        <div class="titulo"><font>&lt; CORTE DE VINIL  </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Decorativo o rotulaci&oacute;n de carros</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>

                    <!-- Vinil y lona -->
                    <div class="item_solo lon">
                        <div class="titulo"><font>&lt; IMPRESI&Oacute;N EN GRAN FORMATO  </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Lonas y vinil en calidad fotogr&aacute;fica y calidad normal.</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>
                    
                    <!-- Credenciales -->
                    <div class="item_solo cred">
                        <div class="titulo"><font>&lt; CREDENCIALES  </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Elaboraci&oacute;n de CREDENCIALES pvc</font>
                            </div>
                        </div>
                        <div class="imagen_fondo">
                        </div>
                    </div>
                    
                    <!-- Señalización -->
                    <div class="item_solo sen">
                        <div class="titulo"><font>&lt; SE&Ntilde;ALIZACI&Oacute;N  </font></div>
                        <div class="desc">
                            <div class="primero column">
                                <font>Se&ntilde;alizaci&oacute;n interior y exterior</font>
                            </div>
                        </div>
                        <div class="imagen_fondo" >
                        </div>
                    </div>
                    
                </div>
                
                
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="info">
    <div id="bottom">PLASMA Taller Gr&aacute;fico | Dise&ntilde;o Gr&aacute;fico y Publicitario | Art&iacute;culos Promocionales | Publicidad | Producci&oacute;n | Corte y Grabado L&aacute;ser | Impresos | Campa&ntilde;as | Branding | Medios | Multimedia
		</div>
    </div>
    <div class="clear"></div>
</div>
<div class="clear"></div>
</body>
<script type="text/javascript">
function equalHeight(group) {
   tallest = 0;
   group.each(function() {
      thisHeight = $(this).height();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.height(tallest);
}
$(document).ready(function() {  
	var $el, leftPos, newWidth, $mainNav = $("#men");
    $mainNav.append("<li id='magic-line'></li>");
    var $magicLine = $("#magic-line");
    $magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left+ 43.5)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
    $("#men li").find("a").hover(function() {
        $el = $(this);
		leftPos=$el.position().left+(($el.parent().width()-34)/2);
        newWidth = $el.parent().width();
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
		$(".current_page_item").removeClass('current_page_item');
		$el.parent().addClass('current_page_item');
		Cufon.refresh();
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
	$(".contenido_tabs").scrollable({ circular: false }).navigator({
	// select #flowtabs to be used as navigator
		navi: ".tabs ul",
	// select A tags inside the navigator to work as items (not direct children)
		naviItem: 'a',
	// assign "current" class name for the active A tag inside navigator
		activeClass: 'current',
	 // make browser's back button work
	 	history: true 
	}); 
	equalHeight($(".column"));
});
</script>
</html>